Img元素不换行,是行内元素
span和a 是行级元素
div是块级元素
任何元素都可以转拖换,元素类型之间可以相互转换;
元素类型转换不会影响元素自身的性质
1、转块级元素display:block;
没有转块级元素,是无法设置样式的
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>css</title>
<style type="text/css">
a{display:block;background:#f2f2f2;}
</style>
</head>
<body>
<a href="#" >我要好好学习</a>
</body>
</html>
返回值:
写成如下:
a{display:block;width:200px;height:80px;background:#f2f2f2;}
span{display:block;width:200px;height:60px;background:blue;}
返回